﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Pages/Site.Master" AutoEventWireup="true" Inherits="GMS.Pages_SelectColor" Codebehind="SelectColor.aspx.cs" %>

<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="Server">
    <div class="container">
    <div id="dvMain" runat="server" class="container_center_2">
        <div>
            <h2>
                Select a Color
            </h2>
            <p>
                Scroll through the options below and pick your favorite color to learn more about the stone or select it for your countertop estimate.
            </p>
        </div>
        <br />
        <div>
            <asp:ScriptManager ID="ScriptManager1" runat="server">
            </asp:ScriptManager>
            <asp:UpdatePanel ID="UpdatePanel1" runat="server">
                <ContentTemplate>
                    <asp:Repeater ID="rptrSelectColor" runat="server" OnItemCommand="rptrSelectColor_ItemCommand"
                        OnItemDataBound="rptrSelectColor_ItemDataBound">
                        <HeaderTemplate>
                            <ul class="media-grid">
                        </HeaderTemplate>
                        <ItemTemplate>
                            <li>
                                <div id="dvImg" class="well-shape span3" style="text-align: center;" runat="server">
                                <h4>
                                    <asp:Label ID="lblStoneType" runat="server" Text='<%# Bind("stoneTypeName") %>' />
                                </h4>   
                                    <asp:ImageButton ID="imgStone" runat="server" ImageUrl='<%# Bind("stones.ImagePath") %>'
                                        AlternateText='<%# Bind("stones.Id") %>' ToolTip='<%# Bind("stones.Name") %>'
                                        CommandName="Click" CommandArgument='<%# Bind("stones.Id") %>' Height="100" Width="150">
                                    </asp:ImageButton>
                                    <br />
                                    <div>
                                        <p>
                                            <strong>
                                                <asp:Label ID="lblName" runat="server" Text='<%# Bind("stones.Name") %>' />
                                            </strong>
                                        </p>
                                        <asp:Label ID="lblPrice" runat="server" Text='<%# String.Concat("$", Eval("stones.Price"), ".00 / sq .ft.") %>' />
                                    </div>
                                </div>
                            </li>
                        </ItemTemplate>
                        <FooterTemplate>
                            </ul></FooterTemplate>
                    </asp:Repeater>
                </ContentTemplate>
            </asp:UpdatePanel>
        </div>
        </div>
        <br />
        <div class="well" style="text-align: right;">
            <asp:Button ID="btnBack" runat="server" CssClass="btn primary" Text="Back" OnClick="btnBack_Click" />
            <asp:Button ID="btnNext" runat="server" CssClass="btn primary" Text="Next" OnClick="btnNext_Click" />
        </div>
    </div>
</asp:Content>
